$(document).ready(function() {

	$('.action').hover(function() {
	  $(this).addClass('hovered'); 
		}, function() {
	  $(this).removeClass('hovered');
	});

	$('#generate').hover(function() {
	  $(this).addClass('generate'); 
		}, function() {
	  $(this).removeClass('generate');
	}); 
	
	$('#update').hover(function() {
	  $(this).addClass('update'); 
		}, function() {
	  $(this).removeClass('update');
	}); 

	$('#delete').hover(function() {
	  $(this).addClass('delete');     
	  $(this).append($("<p class='deletealert'>All data will be lost!</p>"));
		}, function() {
	  $(this).removeClass('delete');
      $(this).find("p.deletealert").remove();
	}); 

	$('#create').hover(function() {
	  $(this).addClass('create'); 
		}, function() {
	  $(this).removeClass('create');
		}); 

});